<!-- 计算属性 -->
<template>
  <div>
    <!-- 计算属性使用时就把它当属性来用，不加 ()，有缓存功能 -->
    <h2>{{ fullName }}</h2>
    <h2>{{ fullName }}</h2>
    <h2>{{ fullName }}</h2>
  </div>
</template>
<script>
const options = {
  data: function () {
    return { firstName: "三", lastName: "张" };
  },
  methods: {},
  // 计算属性
  computed: {
    fullName() {
      console.log("进入了fullName"); // 有缓存，只执行一次
      return this.lastName + this.firstName;
    },
  },
};
export default options;
</script>